<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"> 
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
	<title>迷你登录</title>
	<link rel="stylesheet" href="../../css/bootstrap.min.css" />
</head>
<body>                <!-- myModal:与登录立即购买按钮对应    modal：模式 fade：慢慢弹窗 -->
	<div class="modal fade" id="myModal" tabindex="1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog" tabindex="-1">
			<div class="modal-content" style="width: 500px;">
				<div class="modal-header" style="text-align: center;">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
						&times;
					</button>
					<h4 class="modal-title" id="myModalLabel">
						会员登录
					</h4>
				</div>
				<div class="modal-body" style="text-align: center;">
					<div>
						用户名：<input type="text" size="20"/>
					</div>
					<div style="margin-top: 20px;">
						密&nbsp;&nbsp;&nbsp;码：<input type="password" size="20"/>
					</div>
				</div>
				<div class="modal-footer" style="text-align: center;">
					<button type="button" class="btn btn-primary">登录</button>&nbsp;&nbsp;&nbsp;
					<button type="button" class="btn btn-primary" data-dismiss="modal">关闭</button>
				</div>
			</div>
		</div>
	</div>
	<div style="height: 30px;"></div>
    <div class="container">
        <div class="row">
     	    <div class="col-md-3">
     	       <div class="thumbnail">
     		       <img src="../../img/1236091599733_288.JPG" style="height: 170px;"/>
	   	 	       <div style="margin-top: 10px;margin-bottom: 10px;text-align: center;">
					    <img src="../../img/gwc.png" />
			    	    <img src="../../img/ljgm.png" style="data-target:#myModal"  data-toggle="modal" data-target="#myModal"/>
				    </div>
	   	       </div>
     	    </div>
     	    <div class="col-md-3">
     	       <div class="thumbnail">
     		       <img src="../../img/1236091599733_288.JPG" style="height: 170px;"/>
	   	 	       <div style="margin-top: 10px;margin-bottom: 10px;text-align: center;">
					    <img src="../../img/gwc.png" />
			    	    <img src="../../img/ljgm.png"  data-toggle="modal" data-target="#myModal"/>
				    </div>
	   	       </div>
     	    </div>
     	    <div class="col-md-3">
     	       <div class="thumbnail">
     		       <img src="../../img/1460532639804.jpg" style="height: 170px;"/>
	   	 	       <div style="margin-top: 10px;margin-bottom: 10px;text-align: center;">
					    <img src="../../img/gwc.png" />
			    	    <img src="../../img/ljgm.png"  data-toggle="modal" data-target="#myModal"/>
				    </div>
	   	       </div>
     	    </div>
     	    <div class="col-md-3">
     	       <div class="thumbnail">
     		       <img src="../../img/1460532639804.jpg" style="height: 170px;"/>
	   	 	       <div style="margin-top: 10px;margin-bottom: 10px;text-align: center;">
					    <img src="../../img/gwc.png" />
			    	    <img src="../../img/ljgm.png"  data-toggle="modal" data-target="#myModal"/>
				    </div>
	   	       </div>
     	    </div>
        </div>
        <div class="row">
     	    <div class="col-md-3">
     	       <div class="thumbnail">
     		       <img src="../../img/1443150124256.jpg" style="height: 170px;"/>
	   	 	       <div style="margin-top: 10px;margin-bottom: 10px;text-align: center;">
					    <img src="../../img/gwc.png" />
			    	    <img src="../../img/ljgm.png"  data-toggle="modal" data-target="#myModal"/>
				    </div>
	   	       </div>
     	    </div>
     	    <div class="col-md-3">
     	       <div class="thumbnail">
     		       <img src="../../img/1460531929631.jpg" style="height: 170px;"/>
	   	 	       <div style="margin-top: 10px;margin-bottom: 10px;text-align: center;">
					    <img src="../../img/gwc.png" />
			    	    <img src="../../img/ljgm.png"  data-toggle="modal" data-target="#myModal"/>
				    </div>
	   	       </div>
     	    </div>
     	    <div class="col-md-3">
     	       <div class="thumbnail">
     		       <img src="../../img/1442843940364.jpg" style="height: 170px;"/>
	   	 	       <div style="margin-top: 10px;margin-bottom: 10px;text-align: center;">
					    <img src="../../img/gwc.png" />
			    	    <img src="../../img/ljgm.png"  data-toggle="modal" data-target="#myModal"/>
				    </div>
	   	       </div>
     	    </div>
     	    <div class="col-md-3">
     	       <div class="thumbnail">
     		       <img src="../../img/1460519088104.jpg" style="height: 170px;"/>
	   	 	       <div style="margin-top: 10px;margin-bottom: 10px;text-align: center;">
					    <img src="../../img/gwc.png" />
			    	    <img src="../../img/ljgm.png"  data-toggle="modal" data-target="#myModal"/>
				    </div>
	   	       </div>
     	    </div>
        </div>
        <div class="row">
     	    <div class="col-md-3">
     	       <div class="thumbnail">
     		       <img src="../../img/1443150124256.jpg" style="height: 170px;"/>
	   	 	       <div style="margin-top: 10px;margin-bottom: 10px;text-align: center;">
					    <img src="../../img/gwc.png" />
			    	    <img src="../../img/ljgm.png"  data-toggle="modal" data-target="#myModal"/>
				    </div>
	   	       </div>
     	    </div>
     	    <div class="col-md-3">
     	       <div class="thumbnail">
     		       <img src="../../img/1460531929631.jpg" style="height: 170px;"/>
	   	 	       <div style="margin-top: 10px;margin-bottom: 10px;text-align: center;">
					    <img src="../../img/gwc.png" />
			    	    <img src="../../img/ljgm.png"  data-toggle="modal" data-target="#myModal"/>
				    </div>
	   	       </div>
     	    </div>
     	    <div class="col-md-3">
     	       <div class="thumbnail">
     		       <img src="../../img/1442843940364.jpg" style="height: 170px;"/>
	   	 	       <div style="margin-top: 10px;margin-bottom: 10px;text-align: center;">
					    <img src="../../img/gwc.png" />
			    	    <img src="../../img/ljgm.png"  data-toggle="modal" data-target="#myModal"/>
				    </div>
	   	       </div>
     	    </div>
     	    <div class="col-md-3">
     	       <div class="thumbnail">
     		       <img src="../../img/1460519088104.jpg" style="height: 170px;"/>
	   	 	       <div style="margin-top: 10px;margin-bottom: 10px;text-align: center;">
					    <img src="../../img/gwc.png" />
			    	    <img src="../../img/ljgm.png"  data-toggle="modal" data-target="#myModal"/>
				    </div>
	   	       </div>
     	    </div>
        </div>
        <div class="row">
     	    <div class="col-md-3">
     	       <div class="thumbnail">
     		       <img src="../../img/1236091599733_288.JPG" style="height: 170px;"/>
	   	 	       <div style="margin-top: 10px;margin-bottom: 10px;text-align: center;">
					    <img src="../../img/gwc.png" />
			    	    <img src="../../img/ljgm.png"  data-toggle="modal" data-target="#myModal"/>
				    </div>
	   	       </div>
     	    </div>
     	    <div class="col-md-3">
     	       <div class="thumbnail">
     		       <img src="../../img/1236091599733_288.JPG" style="height: 170px;"/>
	   	 	       <div style="margin-top: 10px;margin-bottom: 10px;text-align: center;">
					    <img src="../../img/gwc.png" />
			    	    <img src="../../img/ljgm.png"  data-toggle="modal" data-target="#myModal"/>
				    </div>
	   	       </div>
     	    </div>
     	    <div class="col-md-3">
     	       <div class="thumbnail">
     		       <img src="../../img/1460532639804.jpg" style="height: 170px;"/>
	   	 	       <div style="margin-top: 10px;margin-bottom: 10px;text-align: center;">
					    <img src="../../img/gwc.png" />
			    	    <img src="../../img/ljgm.png"  data-toggle="modal" data-target="#myModal"/>
				    </div>
	   	       </div>
     	    </div>
     	    <div class="col-md-3">
     	       <div class="thumbnail">
     		       <img src="../../img/1460519088104.jpg" style="height: 170px;"/>
	   	 	       <div style="margin-top: 10px;margin-bottom: 10px;text-align: center;">
					    <img src="../../img/gwc.png" />
			    	    <img src="../../img/ljgm.png"  data-toggle="modal" data-target="#myModal"/>
				    </div>
	   	       </div>
     	    </div>
        </div>
        <div class="row">
     	    <div class="col-md-3">
     	       <div class="thumbnail">
     		       <img src="../../img/1236091599733_288.JPG" style="height: 170px;"/>
	   	 	       <div style="margin-top: 10px;margin-bottom: 10px;text-align: center;">
					    <img src="../../img/gwc.png" />
			    	    <img src="../../img/ljgm.png"  data-toggle="modal" data-target="#myModal"/>
				    </div>
	   	       </div>
     	    </div>
     	    <div class="col-md-3">
     	       <div class="thumbnail">
     		       <img src="../../img/1416534037796_288.jpg" style="height: 170px;"/>
	   	 	       <div style="margin-top: 10px;margin-bottom: 10px;text-align: center;">
					    <img src="../../img/gwc.png" />
			    	    <img src="../../img/ljgm.png"  data-toggle="modal" data-target="#myModal"/>
				    </div>
	   	       </div>
     	    </div>
     	    <div class="col-md-3">
     	       <div class="thumbnail">
     		       <img src="../../img/1442843940364.jpg" style="height: 170px;"/>
	   	 	       <div style="margin-top: 10px;margin-bottom: 10px;text-align: center;">
					    <img src="../../img/gwc.png" />
			    	    <img src="../../img/ljgm.png"  data-toggle="modal" data-target="#myModal"/>
				    </div>
	   	       </div>
     	    </div>
     	    <div class="col-md-3">
     	       <div class="thumbnail">
     		       <img src="../../img/1460519088104.jpg" style="height: 170px;"/>
	   	 	       <div style="margin-top: 10px;margin-bottom: 10px;text-align: center;">
					    <img src="../../img/gwc.png" />
			    	    <img src="../../img/ljgm.png"  data-toggle="modal" data-target="#myModal"/>
				    </div>
	   	       </div>
     	    </div>
        </div>
    </div>
    <script type="text/javascript" src="../../js/jquery-2.1.0.js" ></script>
	<script type="text/javascript" src="../../js/bootstrap.min.js" ></script>
</body>
</html>